<template>
    <div>
   <Swiper :modules="modules" :pagination="{clickable:true}">
        <SwiperSlide>
            <img src="../assets/logo.png" alt="">
        </SwiperSlide>
        <SwiperSlide>
            <img src="../assets/logo.png" alt="">
        </SwiperSlide>
        <SwiperSlide>
            <img src="../assets/logo.png" alt="">
        </SwiperSlide>
   </Swiper>
</div>
</template>

<script>
import {Pagination} from 'swiper';
import {Swiper ,SwiperSlide} from 'swiper/vue';
import 'swiper/css';
import 'swiper/css/pagination'

export default {
    name: "MyComponent4",
    components:{
        Swiper,
        SwiperSlide
    },
    data() {
        return {
            message:"",
            modules:[Pagination]
        }
    }
}

</script>
<style scoped></style>